<template>
	<div class="tuiJian">
		<div class="title center flex-start">
			<img src="@/assets/image/zhuTi/jiben.png" alt="" />
			<div class="f16 ctheme fbold">基本信息</div>
		</div>
		<div class="jiben">
			<!-- <div class="center flex-start">
				<div class="f61 fbold c333 store">4.5</div>
				<img src="@/assets/image/zhuTi/xinga.png" class="xing-icon" v-for="v in xingJi" alt="" />
				<img src="@/assets/image/zhuTi/xing.png" class="xing-icon" v-for="v in 5 - xingJi" alt="" />
			</div> -->
			<div class="f14 c333">
				作者：<span class="ctheme">{{ details.authName }}</span>
			</div>
			<div class="f14 c333">
				部门：<span class="ctheme">{{ details.deptName }}</span>
			</div>
			<div class="f14 c333">
				发布日期：<span class="ctheme" v-if="details.pubTime">{{ time(details.pubTime) }}</span>
			</div>
			<div class="f14 c333">
				状态：<span class="ctheme" v-if="details.status">
					<span class="ctheme" v-if="details.status == 1">发布</span>
					<span v-else class="ctheme">未发布</span>
				</span>
			</div>
		</div>
	</div>
</template>

<script setup>
const props = defineProps({
	details: {
		type: Object,
		default: {},
	},
})
const route = useRoute()
const router = useRouter()
const xingJi = ref(4)
function time(times) {
	return times.substring(0, 10)
}
</script>
<style lang="scss" scoped>
@import "/style/basis";
.tuiJian {
	width: 250px;
	background: #ffffff;
	border-radius: 3px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding-bottom: 17px;
	@include maxWidth(1400) {
		width: 200px;
	}
	.jiben {
		padding: 25px 20px;
	}
	.store {
		padding-right: 18px;
	}
	.xing-icon {
		width: 15px;
		height: 13px;
		margin-right: 4px;
	}

	.title {
		padding: 15px 25px;
		background: #eaf1ff;

		img {
			width: 18px;
			margin-right: 10px;
		}
	}
}
</style>
